<template>
    <div class="box">
        <div class="layout white-block">
            <div>
                <p>提交成功</p>
                <p class="time">您的需求单将在3-7个工作日内审核完成......</p>
                <p class="look">
                    查看提交的
                    <el-link type="primary" :underline="false" @click="open" target="_blank">需求申请
                    </el-link>
                    或查看
                    <el-link type="primary" :underline="false" href="/manager/application" target="_blank">全部申请列表
                    </el-link>
                </p>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                orderNo: ''
            }
        },
        mounted() {
            if (this.$route.query.orderNo) this.orderNo = this.$route.query.orderNo
        },
        methods: {
            open() {
                window.open('/manager/application?orderNo=' + this.orderNo, '_blank')
            }
        },
        components: {}
    }
</script>

<style scoped lang="less">
    .box {
        display: flex;
        > .layout {
            display: flex;
            margin: .4rem auto !important;
            align-items: center;
            > div {
                width: 100%;
            }
        }
        p {
            text-align: center;
            font-size: .24rem;
        }
        .time {
            padding-top: 1rem;
            font-size: .16rem;
        }
        .look {
            padding-top: .2rem;
            font-size: .16rem;
            .el-link {
                font-size: .16rem;
            }
        }
    }
</style>
